<%@include file="/WEB-INF/views/common/taglib.jsp"%>

<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

	<style type="text/css">
        body { overflow:hidden }
        #loading {
            border: 1px solid #ccc;
            position: absolute;
            left: 45%;
            top: 40%;
            padding: 2px;
            z-index: 20001;
            height: auto;
        }

        #loading a {
            color: #225588;
        }

        #loading .loadingIndicator {
            background: white;
            font: bold 13px tahoma, arial, helvetica;
            padding: 10px;
            margin: 0;
            height: auto;
            color: #444;
        }

        #loadingMsg {
            font: normal 10px arial, tahoma, sans-serif;
        }
    </style>

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/stylesheet/research.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Web Application Starter Project</title>
    
    
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>

    <!--add loading indicator while the app is being loaded-->
	<div id="loadingWrapper">
	<div id="loading">
	    <div class="loadingIndicator">
	        <span id="loadingMsg">Loading styles and images...</span>
	    </div>
	</div>
	</div>

	<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading Core API...';</script>
	
	<!--include the SC Core API-->
	<script src=research/sc/modules/ISC_Core.js></script>
	
	<!--include SmartClient -->
	<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading UI Components...';</script>
	<script src='sresearch/sc/modules/ISC_Foundation.js'></script>
	
	<script src='sresearch/sc/modules/ISC_Containers.js'></script>
	<script src='sresearch/sc/modules/ISC_Grids.js'></script>
	<script src='sresearch/sc/modules/ISC_Forms.js'></script>
	<script src='sresearch/sc/modules/ISC_RichTextEditor.js'></script>
	<script src='sresearch/sc/modules/ISC_Calendar.js'></script>
	<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading Data API...';</script>
	<script src='sresearch/sc/modules/ISC_DataBinding.js'></script>

	<script type="text/javascript">document.getElementById('loadingMsg').innerHTML = 'Loading Application<br>Please wait...';</script>
    <script type="text/javascript" language="javascript" src="<%=request.getContextPath()%>/research/research.nocache.js"></script> 
   
    <script type="text/javascript">
    	var d0 = document.getElementById('loadingWrapper').parentNode;
    	var d1 = document.getElementById('loadingWrapper');
    	d0.removeChild(d1);
    </script>
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

  </body>
</html>